<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec"    uri="http://www.springframework.org/security/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<sec:authentication property="principal" var="currentPrincipal" scope="page" />

<fmt:setBundle basename="ApplicationMessage" />
<fmt:setLocale value="zh_CN" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ms-theme-blue">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <%@ include file="/WEB-INF/include/submenu.jsp"%>
  
  <div class="container-fluid ms-container has-ms-sidemenu">
    
    <ol class="ms-breadcrumb breadcrumb">
      <li class="active">一级菜单&nbsp;-&nbsp;功能管理标题</li>
    </ol>
    
    <div class="ms-content-layout">
    
      <form class="form-horizontal ms-form form-personal-info" method="GET" action="${ctx.host}/example-search-result" >
        
        <div class="block-heading">
          <h5>XXX查询</h5> 
            <a href="${ctx.host}/profile/change-password" data-target="#change-password" data-toggle="modal" class="pull-right">操作按钮A</a>
            <a href="${ctx.host}/fileupload-example" data-target="#fileupload-example" data-toggle="modal" class="pull-right">跨域上传测试</a>
        </div>
        
        <p class="hint-message" style="margin: 0 0 40px 0;"><span>提醒：</span>这里可以放查询提醒消息，具体内功自己编辑，不可超过一行。放长一点，就好看一点。测试测试</p>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label"><span class="text-red">*</span>公司</label>
          <div class="col-xs-3">
            <input type="text" name="company" class="form-control company" placeholder="请填写公司" data-validate="required">
          </div>
          <label class="col-xs-2 control-label"><span class="text-red">*</span>路线</label>
          <div class="col-xs-3">
            <input type="text" class="form-control" placeholder="请填写路线" data-validate="required">
          </div>
        </div>
        <div class="form-group ms-form-group">
        	<label class="col-xs-2 control-label"><span class="text-red">*</span>选择</label>
          <div class="col-xs-3">
            <select class="select2 form-control" name="select" data-validate="required">
              <option></option>
              <option value="one">操作1</option>
              <option value="two">操作2</option>
              <option value="three">操作3</option>
            </select>
          </div>
          <label class="col-xs-2 control-label"><span class="text-red">*</span>查询</label>
          <div class="col-xs-3 modal-search-warp">
            <input type="text" name="koala" 
                   class="form-control koala-search modal-search" 
                   placeholder="请输入查询数据"
                   data-value-name="koalaId"
                   data-org="company"
                   data-modal-search="#modal-search-example"
                   data-validate="required" >
            <a href="javascript:void(0);" class="btn" data-target="#modal-search-example" data-toggle="modal">
              <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
            </a>
          </div>
        </div>

        <div class="form-group ms-form-group">
        	<div class="col-xs-6 col-xs-offset-3 ms-operation-group top-margin-20 text-center">
            <div class="col-xs-5">
              <button type="reset" class="btn btn-block btn-default">重置</button>
            </div>
            <div class="col-xs-5">
              <button type="submit" class="btn btn-block btn-primary">查询</button>
            </div>
        	</div>
        </div>

      </form>

    </div> 
  </div>       
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/example-search.js" />
  <script type="text/javascript">
      require(['page/example-search'], function(page) {
        page.init()
      })
  </script>

</body>
</html>